<style type="text/css">
    #hr-emolument-detail, #hr-emolument-detail .emolument-info {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    #hr-emolument-detail #emolument-info-wrapper {
        margin: 0 0 1rem 0;
        display: inline-block;
    }

    #hr-emolument-detail .emolument-info div {
        margin: 10px 15px;
        max-width: 19rem;
    }
</style>

<!-- 注意id属性每个页面id必须独立 lay-title为当前页面的标题属性-->
<div class="layui-fluid" id="hr-emolument-detail" lay-title="薪酬明细">
    <div id="emolument-info-wrapper">
        <div class="emolument-info">
            <!-- emolument为后台返回的对象-->
            <div><span class="layui-icon layui-icon-rmb"></span> 工资标准：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 基本工资：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 岗位工资：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 技能工资：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 绩效工资：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 通讯标准：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 油补标准：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 绩效：
                [[${emolument.id}]]
            </div>
        </div>

        <div class="emolument-info">
            <!-- emolument为后台返回的对象-->
            <div><span class="layui-icon layui-icon-rmb"></span> 奖金/任务奖金：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 补贴合计：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 保密补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 误餐补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 加班/项目补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 全勤奖：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 班车补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 节假日加班：
                [[${emolument.id}]]
            </div>
        </div>

        <div class="emolument-info">
            <!-- emolument为后台返回的对象-->
            <div><span class="layui-icon layui-icon-rmb"></span> 外场补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 其他补贴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 缺勤天数：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 缺勤扣款：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 应发小计：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 社保合计：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 社保补缴：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 公积金：
                [[${emolument.id}]]
            </div>
        </div>

        <div class="emolument-info">
            <!-- emolument为后台返回的对象-->
            <div><span class="layui-icon layui-icon-rmb"></span> 年金：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 餐费+其他扣：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 个税：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 应扣小计：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 实发工资：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 缺勤扣款及其他扣款：
                [[${emolument.id}]]
            </div>
            <div><span class="layui-icon layui-icon-rmb"></span> 银行实发：
                [[${emolument.id}]]
            </div>
        </div>


    </div>
</div>